﻿@model ComparteTuTiempo.Models.CustomEditarUsuario.CustomEditarUsuario

@{
    ViewBag.Title = "Editar Perfil";
}

<h2>Editar Perfil</h2>


<div class="span12">
    <div class="span5">

        <legend>Imagen</legend>
        <img id="id_img_foto" src="@Model.usuario.foto" class="img-rounded span3">

        <div class="span3">
            @*Boton y JavaScript para subir una foto*@
            @Html.Partial("_UploadFichero")
        </div>
    </div>
    @using (Html.BeginForm("Edit", "Usuarios", FormMethod.Post))
    {
        @Html.ValidationSummary(true)
        <div style="display: none">

            @Html.EditorFor(model => model.usuario.idUsuarios)
            @Html.EditorFor(model => model.usuario.inactivo)
            @Html.EditorFor(model => model.usuario.puntos)
            @Html.EditorFor(model => model.usuario.password)
            @Html.TextBoxFor(model => model.usuario.foto)
        </div>
        <div class="span6">

            <legend>Datos Personales</legend>

            <table>
                <tbody>
                    <tr>
                        <td class="span2">
                            <div class="display-label">
                                @Html.DisplayNameFor(model => model.usuario.nombre)
                            </div>
                        </td>
                        <td class="span3">
                            <div class="display-field">
                                @Html.EditorFor(model => model.usuario.nombre)
                                @Html.ValidationMessageFor(model => model.usuario.nombre, null, new { @class = "label label-important" })
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="display-label">
                                @Html.DisplayNameFor(model => model.usuario.apellidos)
                            </div>
                        </td>
                        <td>
                            <div class="display-field">
                                @Html.EditorFor(model => model.usuario.apellidos)
                                @Html.ValidationMessageFor(model => model.usuario.apellidos, null, new { @class = "label label-important" })
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td>
                            <div class="display-label">
                                @Html.DisplayNameFor(model => model.usuario.email)
                            </div>
                        </td>
                        <td>
                            <div class="display-field">
                                @Html.EditorFor(model => model.usuario.email)
                                @Html.ValidationMessageFor(model => model.usuario.email, null, new { @class = "label label-important" })
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="display-label">
                                @Html.DisplayNameFor(model => model.usuario.provincia)
                            </div>
                        </td>
                        <td>
                            <div class="display-field">
                                @Html.DropDownListFor(model => model.usuario.provincia, ViewBag.provincia as SelectList)
                                @Html.ValidationMessageFor(model => model.usuario.provincia, null, new { @class = "label label-important" })
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="display-label">
                                @Html.DisplayNameFor(model => model.usuario.poblacion)
                            </div>
                        </td>
                        <td>
                            <div class="display-field">
                                @Html.EditorFor(model => model.usuario.poblacion)
                                @Html.ValidationMessageFor(model => model.usuario.poblacion, null, new { @class = "label label-important" })
                            </div>
                        </td>
                    </tr>
                    @*                <tr>
                    <td>
                        <div class="display-label">
                            @Html.DisplayNameFor(model => model.usuario.password)
                        </div>
                    </td>
                    <td>
                        <div class="display-field">
                            @Html.EditorFor(model => model.usuario.password)
                            @Html.ValidationMessageFor(model => model.usuario.password)
                        </div>
                    </td>
                </tr>*@
                    <tr>
                        <td>
                            <div class="display-label">
                                @Html.DisplayNameFor(model => model.usuario.telFijo)
                            </div>
                        </td>
                        <td>
                            <div class="display-field">
                                @Html.TextBoxFor(model => model.usuario.telFijo)
                                @Html.ValidationMessageFor(model => model.usuario.telFijo, null, new { @class = "label label-important" })
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="display-label">
                                @Html.DisplayNameFor(model => model.usuario.telMovil)
                            </div>
                        </td>
                        <td>
                            <div class="display-field">
                                @Html.TextBoxFor(model => model.usuario.telMovil)
                                @Html.ValidationMessageFor(model => model.usuario.telMovil, null, new { @class = "label label-important" })
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="display-label">
                                @Html.DisplayNameFor(model => model.usuario.comentario)
                            </div>
                        </td>
                        <td>
                            <div class="display-field">
                                @Html.EditorFor(model => model.usuario.comentario)
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a href="#cambiopass" role="button" class="btn btn-primary" data-toggle="modal">Cambio de contraseña</a>
                        </td>
                        <td>
                            @if (@ViewBag.MensajeError != null)
                            {
                                <div class="label label-error">
                                    <b>@ViewBag.MensajeError</b>
                                </div>  
                            }
                            @if (@ViewBag.Mensaje != null)
                            {
                                <div class="label label-success">
                                    <b>@ViewBag.Mensaje</b>
                                </div>  
                            }
                        </td>
                    </tr>

                </tbody>

            </table>
        </div>
       
        <div class="accordion span12" id="accordion2">
            <div class="accordion-group">
                <div class="accordion-heading">
                    <a id="myCollapsible" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseProf">@Html.DisplayNameFor(model => model.usuario.profesionesusuarios.Last().profesiones) <i id="flecha" class="icon-arrow-up"></i></a>
                </div>
                <div id="collapseProf" class="accordion-body collapse">
                    <div class="accordion-inner">
                        @{
      
                            foreach (var item in ViewBag.profesiones as SelectList)
                            {
                            <label class="checkbox span3">
                                @{
                                if (Model.usuario.profesionesusuarios.Where(x => x.idProfesiones == int.Parse(item.Value)).Count() > 0)
                                {
                                    @Html.CheckBox("SelectedItemId", true, new { Value = item.Value })
                                }
                                else
                                {
                                    @Html.CheckBox("SelectedItemId", false, new { Value = item.Value, @checked = "true" })
                                }
                
                                    @Html.Label(item.Text)
                
                                }
                            </label>
                            }
                        }
                    </div>

                </div>

            </div>
        </div>
        <div class="span2">
            <input type="submit" value="Guardar Cambios" class="btn" />
        </div>
        <div class=" span2">
            @Html.ActionLink("Cancelar", "Index", "Home", new { @class = "btn" })
        </div>
        <div class="span2">
            <!-- Boton que lanza ventana modal -->
            <a href="#myModal" role="button" class="btn btn-danger" data-toggle="modal">Dar de Baja</a>
        </div>

       
    }
</div>



<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Baja</h3>
    </div>
    <div class="modal-body">
        <p>¿Está seguro de darse de baja en nuestro sitio web?</p>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
        @Html.ActionLink("Dar de baja", "Darbaja", "Usuarios", null, new { @class = "btn btn-danger" })
    </div>
</div>

@Html.Partial("_CambioPassPartial", new ComparteTuTiempo.Models.CustomModels.CustomCambioPass { })


@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}
